
<div ng-controller="LocksController">



    <div ng-show=!isNature>
         <!--<div class="tool-bar">-->
            <!--<tool_bar class="base-tool-bar tool-title-delect" > </tool_bar>-->
        <!--</div>-->
        <div class="base-tool-bar pro-tool-bar">
        <div class="tool-bar"></div>
    </div>

    <div class="lock-list lock-list-same">
        <!--跳转页面-->
        <div class="lock-list-head" ng-class="showBottomLine(item)" id="first_head"
             ng-repeat=" item in lockListTitles" ng-click="selectHead(item)">
            <div class="lock-list-head-font">{{item.name}}</div>
        </div>
    </div>
    <div class="lock-list-same lock-rent-list" ng-show="showLockOption==3">
        <table class="lock-list-table">
            <thead>
            <tr class="lock-li-row">
                <th class="lock-width-one">设备名称</th>
                <th class="lock-width-a">管理员</th>
                <th class="lock-width-a">授权类型</th>
                <th class="lock-width-a">是否可用</th>
                <th class="lock-width-b">可用时间段</th>
                <th class="lock-width-b">是否开启授权</th>
            </tr>
            </thead>
            <tbody class="lock-tbody">
            <tr class="lock-tbody-list" ng-repeat="list in lockList">
                <td class="lock-width-one">{{list.name}}</td>
                <td class="lock-width-a">{{list.managerName}}</td>
                <td class="lock-width-a">{{list.getAuthTypeStr()}}</td>
                <td class="lock-width-a">{{list.getActivedStr()}}</td>
                <td class="lock-width-b">{{list.getStartTimeStr()}} - {{list.getEndTimeStr()}}</td>
                <td class="lock-width-b"><img
                        ng-src="{{{true:'img/lock/little.png',false:'img/lock/big.png'}[list.guestEnabled]}}" alt="授权图片"
                        ng-click="lockRentAuth(list)"></td>
            </tr>
            </tbody>

        </table>
    </div>
        <!--// 跳转页面-->
        <div class="lock-list-same lock-rent-list" ng-show="showLockOption==1" >
            <div ng-show="true">
            <table class="lock-list-table">
            <thead>
            <tr class="lock-li-row">
                <th class="lock-width-one">设备名称</th>
                <th class="lock-width-a">管理员</th>
                <th class="lock-width-a">授权类型</th>
                <th class="lock-width-a">是否可用</th>
                <th class="lock-width-b">可用时间段</th>
            </tr>
            </thead>
            <tbody class="lock-tbody">
            <tr class="lock-tbody-list" ng-repeat="list in lockList">
                <td class="lock-width-one">{{list.name}}</td>
                <td class="lock-width-a">{{list.managerName}}</td>
                <td class="lock-width-a">{{list.getAuthTypeStr()}}</td>
                <td class="lock-width-a">{{list.getActivedStr()}}</td>
                <td class="lock-width-b">{{list.getStartTimeStr()}} - {{list.getEndTimeStr()}}</td>
            </tr>
            </tbody>

        </table>
                </div>
        </div>
        <!--// 跳转页面-->
        <div class="lock-list-same lock-rent-list" ng-show="showLockOption==2"></div>

    <div ng-show="showLockRent">
        <div class="staff-delect-background">
        <div class="staff-delect-box">
            <div class="staff-delect-content-box">
                <div class="staff-delect-h"><p class="staff-delet-title">授　权</p ></div>
                <div class="staff-delect-p"><p class="staff-delect-information">{{lockRentContent}}</p ></div>
                <div class="staff-delect-button">
                    <input ng-click="showLockRent=false"
                           class="staff-delect-button-exit stadd-delect-conect" type="text" value="取消"
                    ><input ng-click="rentManageAuth()" class="staff-delect-button-create stadd-delect-conect"
                            type="text" value="确定">
                </div>
            </div>
            <a class="base-close-window" ng-click="showLockRent=false">
                <!--<span class="base-close-window-content" ng-style="EleStyle.lineHeight('base-close-window', 1)">✕</span>-->
                <span class="base-close-window-content">ｘ</span>
            </a >

        </div>
        </div>
    </div>

    </div>

    <div class="base-content-main lock-main" ng-show=isNature>
        <div class="base-tool-bar pro-tool-bar">
        <div class="tool-bar"></div>
    </div>

        <div>
            <lock_list></lock_list>
        </div>
        <div ng-show="showRentInf===false">
            <no_lock></no_lock>
        </div>
    </div>
</div>